<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"    
      xmlns:f="http://java.sun.com/jsf/core">

    <body>
        <ui:composition template="./../MasterPage/masterPage.xhtml">
            <ui:define name="content">                

                <p:panel header="Lista de Viajes Programados" style="width: 1420px;"> 
                    <h:form id="frmNuevo">
                        <p:growl id="growl" showDetail="true"/>
                        <h:panelGrid id="padre" columns="1" style="width: 100%">
                            <h:panelGrid id="hijo2" columns="1" style="width: 100%">
                                <p:dataTable id="dataTable" var="item" value="#{managedBeanViajes.listaViajesDisponib}" widgetVar="CargoTable" emptyMessage="Datos no encontrados"
                                             selection="#{managedBeanVenta.objetoViaje}" selectionMode="single"
                                             rowKey="#{item.idViaje}" paginator="true" rows="25"
                                             >
                                    <p:ajax event="rowSelect" listener="#{managedBeanViajes.onRowSelect}"
                                            update=":frmNuevo:display :frmNuevo:growl" oncomplete="CargoDialogo.show()" />
                                    <p:ajax event="rowUnselect" listener="#{managedBeanViajes.onRowUnselect}" update=":frmNuevo:growl"/>
                                    <f:facet name="header">  
                                        <p:outputPanel>  
                                            <h:outputText value="Listado de Programaciones de Viajes" />    
                                        </p:outputPanel>  
                                    </f:facet>
                                    <p:column id="agencia" filterMatchMode="contains" filterBy="#{item.agencia.ciudad.departamento.depDepartamento} #{item.agencia.ciudad.ciudCiudad} #{item.agencia.agenDireccion}" style="text-align: center; width: 75px; white-space: normal;" > 
                                        <f:facet name="header">
                                            <h:outputText value="Agencia" />
                                        </f:facet>
                                        <h:outputText value="#{item.agencia.ciudad.departamento.depDepartamento} #{item.agencia.ciudad.ciudCiudad} #{item.agencia.agenDireccion}" style=" color: blue; size: 7px; font-weight: bold;"/>
                                    </p:column>
                                    <p:column id="rutas" filterMatchMode="contains" filterBy="#{item.ruta.rutaDescripcion}" style="text-align: center; width: 80px; white-space: normal;" > 
                                        <f:facet name="header">
                                            <h:outputText value="Ruta" />
                                        </f:facet>
                                        <h:outputText value="#{item.ruta.rutaDescripcion}" style=" color: black; size: 7px; font-weight: bold;" />
                                    </p:column> 

                                    
                                  <p:column  filterMatchMode="contains" filterBy="#{managedBeanVenta.FechaFormateada(item.viaFehaSalida)}" style="text-align: center; width: 80px;" > 
                                        <f:facet name="header">
                                            <h:outputText value="FECHA" />
                                        </f:facet>
                                    <h:outputText value="#{managedBeanVenta.FechaFormateada(item.viaFehaSalida)}" style="color: red; size: 7px; font-weight: bold;"/>
                                   
                                  </p:column> 
                                    
                                    <p:column id="horsal" width="10%" filterMatchMode="contains" filterBy="#{item.viaHoraSalida}" style="text-align: center; width: 18px;" > 
                                        <f:facet name="header">
                                            <h:outputText value="Salida" />
                                        </f:facet>
                                        <h:outputText value="#{item.viaHoraSalida}" />
                                    </p:column>
                                    <p:column id="horlleg"  style="text-align: center; width: 18px;" > 
                                        <f:facet name="header">
                                            <h:outputText value="Llegada" />
                                        </f:facet>
                                        <h:outputText value="#{item.viaHoraLlegada}" />
                                    </p:column>

                                    <p:column id="tiposerv" filterMatchMode="contains" filterBy="#{item.tiposervicio.tservDescripcion}" style="text-align: center; width: 18px; white-space: normal;" > 
                                        <f:facet name="header">
                                            <h:outputText value="Tipo de Servicio" />
                                        </f:facet>
                                        <h:outputText value="#{item.tiposervicio.tservDescripcion}" />
                                    </p:column>
                                    <p:column  id="buss" filterMatchMode="contains" filterBy="#{item.bus.marca.marMarca} #{item.bus.modelo.modDescripcion} #{item.bus.busAnioFabricacion}" style="text-align: center; width: 90px; white-space: normal;"> 
                                        <f:facet name="header">
                                            <h:outputText value="Bus" />
                                        </f:facet>
                                        <h:outputText value="#{item.bus.marca.marMarca} #{item.bus.modelo.modDescripcion} #{item.bus.busAnioFabricacion}" />
                                    </p:column>

                                    <p:column id="chof1" filterMatchMode="contains" filterBy="#{item.empleado1.persona.perNombres} #{item.empleado1.persona.perApellidos}" style="text-align: center; width: 80px; white-space: normal;" > 
                                        <f:facet name="header">
                                            <h:outputText value="Chofer 1" />
                                        </f:facet>
                                        <h:outputText value="#{item.empleado1.persona.perNombres} #{item.empleado1.persona.perApellidos}" />
                                    </p:column>



                                    <p:column id="preci" filterMatchMode="contains" filterBy="#{item.viaPrecio}" style="text-align: center; width: 18px;"  > 
                                        <f:facet name="header">
                                            <h:outputText value="Precio (S/.)" />
                                        </f:facet>
                                        <h:outputText value="#{item.viaPrecio}" >
                                            <f:convertNumber type="currency" minFractionDigits="2" pattern="#0.00"/>    
                                        </h:outputText>
                                    </p:column>
                                </p:dataTable> 
                            </h:panelGrid>
                        </h:panelGrid>        
                        <p:dialog modal="true" id="dialog" header="CONFIRMACIÓN DE VIAJE" widgetVar="CargoDialogo" resizable="false" 
                                  showEffect="explode" hideEffect="explode"  width="520" height="450">
                            <h:panelGrid id="display" columns="1" >
                                <center>
                                    <p:graphicImage style="padding-left: 120px;" id="imagen_" height="210px;" width="210px;" value="#{managedBeanVenta.rutaeditar}" />
                                </center> 

                                <h:panelGrid id="display2" columns="2" >

                                    <h:outputText value="AGENCIA :" style="size: 7px; font-weight: bold;"/>

                                       <h:outputText value="#{managedBeanVenta.objetoViaje.agencia.ciudad.departamento.depDepartamento} #{managedBeanVenta.objetoViaje.agencia.ciudad.ciudCiudad} #{managedBeanVenta.objetoViaje.agencia.agenDireccion}" style=" color: blue; size: 7px; font-weight: bold;"/>

                                    <h:outputText value="ORIGEN :" style="size: 7px; font-weight: bold;"/>
                                  
                                    <h:outputText value="#{managedBeanVenta.objetoViaje.ruta.ciudad.ciudCiudad}" style=" color: blue; size: 7px; font-weight: bold;"/>
                                   <h:outputText value="DESTINO :" style="size: 7px; font-weight: bold;"/>
                                  
                                  <h:outputText value="#{managedBeanVenta.objetoViaje.ruta.ciudad1.ciudCiudad}" style=" color: blue; size: 7px; font-weight: bold;"/>
                                  
                                    
                                     <h:outputText value="SALE :" style="size: 7px; font-weight: bold;"/>
                                  
                                  <h:outputText value="#{managedBeanVenta.FechaFormateada(managedBeanVenta.objetoViaje.viaFehaSalida)}   -   #{managedBeanVenta.objetoViaje.viaHoraSalida}" style=" size: 7px; font-weight: bold;"/>
                                   <h:outputText value="LLEGA :" style="size: 7px; font-weight: bold;"/>
                                  
                                   <h:outputText value="#{managedBeanVenta.FechaFormateada(managedBeanVenta.objetoViaje.viaFechaLlegada)}   -   #{managedBeanVenta.objetoViaje.viaHoraLlegada}" style=" size: 7px; font-weight: bold;"/>
                                  
                                   <h:outputText value="SERVICIO: " style="size: 7px; font-weight: bold;"/>
                                      
                                        <h:outputText value="#{managedBeanVenta.objetoViaje.tiposervicio.tservDescripcion}" style="size: 7px; font-weight: bold;"/>
                               
                                 <h:outputText value="PRECIO(S./):  " style="size: 7px; font-weight: bold;"/>
                                      
                             
                                 <h:outputText value="#{managedBeanVenta.objetoViaje.viaPrecio}" style="size: 7px; font-weight: bold;">
                                            <f:convertNumber type="currency" minFractionDigits="2" pattern="#0.00"/>    
                                        </h:outputText>
                              
                                       
                                </h:panelGrid>

                                <h:panelGrid  columns="1"  style="padding-left: 145px;">
                                <p:commandButton value="Seleccionar Asientos" action="#{managedBeanVenta.getnueva()}"/>
</h:panelGrid>

                            </h:panelGrid>
                        </p:dialog>
                    </h:form>
                </p:panel>
            </ui:define>
        </ui:composition>
    </body>
</html>